@import url(./reset.css);

html,
body {
  height: 100%;
}

#app {
  height: 100%;
}

.max-height {
  height: 100%;
}

.layout-main {
  height: 100%;
}

.flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}
.flex-col {
  flex-direction: column;
}
.flex1 {
  flex: 1;
}

.flex-v-center {
  align-items: center;
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.flex-end {
  justify-content: flex-end;
}

.arco-menu-item {
  color: #1c1f23 !important;
  font-weight: 600;
}

.arco-form-item-label {
  color: #1c1f23 !important;
  font-weight: 600 !important;
}

.arco-menu-inline-content .arco-menu-item {
  padding-left: 25px !important;
}

.arco-menu-selected {
  background-color: rgb(234, 245, 255) !important;
  color: #165dff !important;
  font-weight: 600 !important;
}

.arco-menu-inline-header {
  color: rgb(28, 31, 25) !important;
  font-weight: 600 !important;
}

.toolbar {
  padding-bottom: 16px;
}

.main-con {
  padding: 16px;
}

.btn-area {
  padding: 30px 0 16px 0;
}
.vh {
  height: 100%;
}

.activeRowLight > .arco-table-td {
  background-color: rgb(234, 245, 255) !important;
}

.arco-btn-size-mini {
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 11px;
  font-size: 12px;
  border-radius: var(--border-radius-small);
}

.empty-card-wrap .arco-card-body {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px 20px !important;
  cursor: pointer !important;
}

.custom-transfer .arco-transfer-view {
  width: 320px;
}

.hidden-ell {
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 隐藏溢出部分 */
  text-overflow: ellipsis; /* 显示省略号 */
}

.option-btn {
  text-align: center;
  padding: 16px 0 16px 0;
}
.footer {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  background-color: #fff;
}
.cancel-order-row td {
  color: red !important;
}

.make-product-row td {
  font-size: 18px !important;
  font-weight: 600;
}

.make-product-tree-row td {
  font-size: 18px !important;
  font-weight: 600;
  color: red;
}

.arco-checkbox-icon {
  position: relative;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: var(--color-bg-2);
  border: 2px solid var(--color-fill-3);
  border-radius: 3px !important;
  -webkit-user-select: none;
  user-select: none;
}
